<!DOCTYPE html>
<html>
	<head>
		<title>
		<?php
			wp_title('|', "true",'right');
			bloginfo('name');
		?>
		</title>
		<?php wp_enqueue_script("jquery"); ?>
		<link rel="stylesheet" type="text/css" href="<?php bloginfo("template_url");?>/style.css">
		<?php wp_head(); ?>
	</head>
	<body>
		
			<div>
			<header>
				<div >			
					<a href="<?php echo get_option('home');?>"><img src="<?php bloginfo('template_url');?>/image/logo.jpg" title="bloginfo('title');"></a>
				</div>
				<div class="main-nav " id="show-nav">
				<a href ="#">toggle</a>
					
				</div>
				<div  id="close-nav">
				<a href ="#">X</a>
					
				</div>
				<div class="nav-bar">
					<?php wp_nav_menu(array('container_class'=>'main-nav', 'container'=>'nav'))?>
					
				</div>
				</header> 
				<?php if (have_posts()) : ?>
					<?php while(have_posts()) : the_post(); ?>
						<div class="post" id="post-<?php the_ID(); ?>">
							<h2>
								<a href="<?php 	the_permalink(); ?>" rel="bookmark" title="Permalink to <?php the_title_attribute(); ?>">
									<?php the_title(); ?>
								</a>
							</h2>
							<?php echo get_post_meta($post->ID,'PostThumb',true); ?>
							<p class="meta">
								<span>Posted on</span> <?php the_time('F jS, Y'); ?>
								<span> <?php the_author(); ?> </span>
							</p>
							<?php the_content('Read Full Article'); ?>
							<p>
								<?php the_tags('Tag: ', ', ', '<br />' ); ?>
								Posted in <?php the_category(', '); ?>
								<?php comments_popup_link('No comments;', '1 comment', '% Comments'); ?>
								<?php comment_form_title("leave a comment", 'leave a reply %s' ); ?>
								<?php comments_template( '', true ); ?>
							</p>
						</div>
					<?php endwhile; ?>
					<?php next_post_link('Older Entries' ); ?>
					<?php previous_posts_link('Newer entries'); ?>
				<?php else : ?>
					<h2>nothing found</h2>
				<?php endif; ?>
			</div>
			<?php global $query_string; echo $query_string; ?>
		<script>
			jQuery("#show-nav").click(function()
			{
				jQuery(".nav-bar").toggle("slow");
				jQuery("#close-nav").show("slow");
				jQuery("#show-nav").hide("slow");

			});
			jQuery("#close-nav").click(function()
			{
				jQuery(".nav-bar").toggle("slow");
				jQuery("#close-nav").hide("slow");
				jQuery("#show-nav").show("slow");

			}
			);
		</script>
	</body>
</html>
